/* Essentials */

html, body {
margin: 0;
padding: 0;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
background: url('../img/body-bg.jpg');
font-size: 13px;
}

input{ font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  }
input:focus{background:#FFF5BF;}
a{text-decoration:none;}
ul{list-style:none;padding:0px; margin:0px;}
#wrapper{width: 960px; background:#fff;margin:15px auto; position:relative;}
#header{height: 100px; position: relative;}
#wrapper-header{position:absolute; top: 0; width: 960px;}

#page-title{position:absolute; width: 310px; bottom: 98px; left: 10px; height: 160px; display:none; font-size: 13px;}
#page-title h1{font-size: 16px; height: 48px; padding-left: 30px; line-height: 35px; margin:0px; background: url('../img/arr.png') no-repeat; margin-left: -28px; color: #FFF;}
#page-title .desc-h1{margin: 0px; text-align:justify;}

#top-menu{height: 40px; padding-left: 5px; line-height: 40px; background: #E1DFE0; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #AEAEAE;}
#top-menu ul li{display:inline;}
#top-menu ul li a{height: 40px; text-align:center; padding: 0px 15px; display:block; float:left; color: #000;}
#top-menu ul li a:hover{color:#FF5200 !important;}
.hotline{position:absolute; right: 10px; top: 15px;}
.lk-action{color:#FF5200 !important;}
#content-wrapper{min-height: 500px; background:#fff;}

.logo{margin: 20px; float:left;}
.link-tmenu{color: #AEAEAE; list-style:none; float:right; position:absolute; right: 10px; top: 10px;}
.link-tmenu li{display: inline;}
.link-tmenu a{color: #AEAEAE;}
.link-tmenu a:hover{color: #000;}
.search-form{position:absolute; bottom: 10px; right: 10px;}
.search-form input[type="text"]{border: 1px solid #cecece; width: 150px; padding: 5px 27px 5px 3px; width: 200px;}
.search-ipt{background: url('../img/search.png') no-repeat right;}
#content-panel{width: 759px; float:left; min-height: 300px; overflow:hidden; margin-top: 142px; position:relative;}

/*=== Style Slider ===*/
#slider-area{height: 555px;}
.window-large{height: 370px; padding: 7px; overflow:hidden;}
.wl-left{width: 190px; height: 370px; float:left; overflow:hidden;}
.wl-right{width: 550px; height: 370px; float:right; overflow:hidden;}
.window-small{height: 175px; padding: 0px 6px 6px 6px;}
.sl-left{width: 350px; height: 165px; float:left; overflow:hidden;}
.sl-left img{width: 350px; height: 165px;}
.sl-right{width: 390px; height: 165px; float: right; overflow:hidden;}
.sl-right img{width: 390px; height: 165px;}

/*==== Style Feature ====*/
#feature-area{margin: 0px 6px 6px 6px; clear:both;}
#feature-area h2{font-size: 16px; margin: 0px; padding: 10px; color:#342C2A; background: #DEDEDE; margin-bottom: 1px;}
.list-pr{background: #DEDEDE; padding: 15px 15px 15px 15px; overflow:hidden;}
.list-pr .pro{width: 201px; background: #FFF; height: 330px; float:left; overflow:hidden; padding: 14px;}
.list-pr .pro:hover{background: #99C1E8;}
.list-pr .pro img{width: 200px; height: 250px; border: 1px solid #cecece;}
.list-pr .cal2{margin: 0px 15px;}
.product-name{display:block; color:#110E0D; font-size: 15px; margin: 10px 0px; font-family: Verdana,sans-serif; text-align:center;}
.product-name:hover{color: #FF5200;}
.product-detail{padding: 5px 15px; background: #404040; color: #FFF; float:left; margin-top: 10px;}
.product-buy{padding: 5px 15px; background: #404040; color: #FFF; float:left; margin-top: 10px;}
.product-buy:hover, .product-detail:hover{
	background: -webkit-gradient(linear, left top, left bottom, from(#B02F47), to(#972F43));
	background: -moz-linear-gradient(top, #B02F47, #972F43);
	background: -o-linear-gradient(top, #B02F47, #972F43);
	background: -ms-linear-gradient(top, #B02F47, #972F43);
}
.product-price{font-size: 25px;float:right; color: #953046;}

/*==== Style News ===*/
#news-area{margin: 0px 6px 6px 6px; clear:both; overflow:hidden; font-size: 13px;}
#news-area h2{font-size: 16px; margin: 0px; padding: 10px; color:#342C2A; background: #DEDEDE; margin-bottom: 1px;}
#news-area .item-news{width: 345px; float:left; margin: 0px 20px 0px 5px;}
#news-area .item-news-ex{float:right; margin-right: 0px !important;}
.item-news .news-img{width:125px; overflow:hidden; margin: 0px 7px 7px 0px; float:left;}
.item-news .news-desc{text-align:justify;}
.news-detail{float:right; color: #23A4EA; padding-left: 18px;}
.news-detail:hover{background: url('../img/item.png') no-repeat left center;}
.item-news h3 a{color:#3E57A8;}
.item-news h3 a:hover{color:#397CCE;}
/*==== Style Information ===*/
#infor-area {clear:both; font-size: 13px;padding: 10px 6px 6px 6px; overflow:hidden; border-top: 1px solid #E2E2E2; margin: 0px 6px;}
#infor-area a{color: #898989;}
#infor-area h4{color: #342C2A; margin-top: 0px; margin-bottom: 12px;}
#infor-area h1{font-size: 16px; margin-top: 0px; color:}
#infor-area a:hover{color: #000;}
#infor-area .info{float:left; height: 160px; margin: 0px 10px 10px 0px;}
#infor-area .info div{margin-bottom: 10px;}
#infor-area .ifo-cl1{width: 180px; padding-left: 0px;}
#infor-area .ifo-cl2{width: 180px;}
#infor-area .ifo-cl3{width: 180px;}
#infor-area .ifo-cl4{width: 320px; border-right: 1px dashed #cacaca;}
.footer-phone{font-size: 19px;line-height: 19px;color: #953046;margin-bottom: 10px;}
#infor-area .list-icon li{display:inline;}
#infor-area #reg-info{border: 1px solid #cecece; font-size: 12px; width: 185px;}
.sub-reg{border: 1px solid #cecece; height: 20px; line-height: 16px; font-size: 12px; margin-top: 5px;}

/*==== Style Footer ====*/
#footer{height: 80px; clear:both; margin: 0px 6px; border-top: 1px solid #E2E2E2; position:relative;}
#footer p{color: #0372B2;}
#footer a{color: #342C2A;}
#footer a:hover{color: #FF5200;}
.f-menu{position:absolute; top: 12px; right: 10px;}
.f-menu li{display:inline; padding: 0px 10px;}
.chatwithme{padding: 10px;}
.chatwithme a{margin-right: 15px; line-height: 12px; padding-bottom: 10px; display:block;}
.chatwithme a img{vertical-align:middle; margin-right: 10px;}


/*=== Style Right Panel ===*/
.shopping{background:#383838; height: 60px; overflow:hidden; color: #FFF;}
.shopping div{padding-top: 10px;}
.shopping img{margin: 5px; width: 48px; height: 48px; overflow:hidden; float:left;}
#right-panel{width: 195px; float:right; padding: 6px 6px 6px 0px; margin-top: 142px;}
#right-panel h4{margin: 0px; padding:10px 5px 10px 24px; color: #cacaca;}
.view-shopcart{color: #FFF; font-size: 14px; display: block; font-weight: bold;}
.view-shopcart:hover{color:#FF5200; }
.cart-prs{color: #23A4EA;}
.cart-prs:hover{color:#FF5200;}
.right-item{margin-top: 3px;}
.right-item .rtitle{background: #4F4F4F; padding-left: 10px; border-bottom: 1px solid #cecece;}
.categories h4{background: url('../img/items.png') no-repeat left center; margin: 0px; padding:10px 5px 10px 24px; color: #cacaca !important;}
.categories ul{background: #4F4F4F; padding: 10px 0px;}
.categories ul li{padding: 10px 5px 5px 15px; font-weight: bold; color: #FFF; font-size: 16px;}
.categories ul li:hover{background: url('../img/item.png') no-repeat left center;}
.categories a, .categories a:visited{color: #FFF;}


.promotion .rtitle{background: #D4D4D4;border-bottom: 1px solid #fff;}
.promotion h4{background: url('../img/money.png') no-repeat left center; margin: 0px; padding:10px 5px 10px 24px; color: #342C2A !important;}
.promotion .rlist-items{padding: 15px; background: #D4D4D4; overflow:hidden;}
#right-panel .rpro{background: #FFF; text-align:center;overflow:hidden; margin-bottom: 5px;}
.product-price-pro{text-decoration: line-through; font-size: 14px;}
#right-panel .product-price{font-size:20px;margin-right: 3px;}
#right-panel .product-name{margin: 0px;}

.facebook h4{background: url('../img/facebook.png') no-repeat left center; margin: 0px; padding:10px 5px 10px 24px;}
.online h4{background: url('../img/online.png') no-repeat left center; margin: 0px; padding:10px 5px 10px 24px;}
.dv-face{text-align:center;	background: #F9F9F9;}

/*=== Style List of products ===*/
.breadcrum{margin:6px 6px 0px 6px; padding: 6px 10px; background: #383838; clear:both; position:absolute; top:0; width: 727px;}
.breadcrum a{color: #23A4EA; margin-right: 3px;}
.breadcrum a:hover{color: #FF5200;}
.breadcrum span{color: #FFF;}

#list-content{margin: 0px 6px 0px 6px;}
.detail-control{height: 30px;margin: 40px 6px 0px 6px;}
.detail-control select{border: 1px solid #cacaca;}
.prolist{display:block; overflow:hidden; clear:both; margin-bottom: 15px; padding-top: 15px; border-top: 1px solid #cacaca;}
.prolist .img-link{float: left; margin-right: 20px;}
.prolist .product-name{text-align:left; margin-top: 0px;}
.prolist .product-name a{color: #110E0D;}
.prolist .product-name a:hover{color: #FF5200;}

/*=== Style Detail Control ===*/
#detail-content{margin: 40px 6px 6px 6px;}
#detail-content h1{font-size: 16px; }
.img-detail{width: 300px; border: 1px solid #cacaca; height: 320px; }
.left-dtp{float:left;}
.more-img{height: 50px; width: 300px; border: 1px solid #cacaca; margin-top: 5px;}
.right-dtp{width: 435px; float:right;}
.pro-status{color: #383838; font-weight:bold;}
.pro-status span{color: #B02F47;}
.pro-price{color: #383838; font-weight:bold;}
.pro-atc{border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; height: 50px; line-height: 50px;}
.pro-atc select{width: 40px;height: 30px;border: 1px solid #CACACA;}





